import React, { Component } from 'react'
import { Menu, Row, Col, Divider  } from 'antd';
import './PropertyPage.css'
// import {  } from '@ant-design/icons';
const { SubMenu } = Menu;
const style = { padding: '8px 0' };
interface Props {
    
}
interface State {
    
}
export default class PropertyPage extends  Component<Props, State> {
    state = {
        current: 'mail',
      };
    
      handleClick = (e:any) => {
        console.log('click ', e);
        this.setState({ current: e.key });
      };
    render() {
        const { current } = this.state;
        return (
            <div>
             <Menu onClick={this.handleClick} selectedKeys={[current]} mode="horizontal">
        <Menu.Item key="positty">
        货位类型
        </Menu.Item>
        <Menu.Item key="logg">
           操作日志
        </Menu.Item>
      </Menu>
      <div className="antd-pro-pages-component-form-form-title-formTitle" style={{height:'20px'}}>
                            <span>基本信息</span>
                        </div>
                      
    <Row gutter={[16, 24]}>
      <Col className="gutter-row" span={6}>
        <div style={style}>代码:  SJS</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>名称:  双进深货位</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>存储托盘数:  2</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>存储托盘数:  2</div>
      </Col>
    </Row>
    <div className="antd-pro-pages-component-form-form-title-formTitle" style={{height:'20px'}}>
                            <span>规格信息</span>
                        </div>
                        <Row gutter={[16, 24]}>
      <Col className="gutter-row" span={6}>
        <div style={style}>代码:  SJS</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>名称:  双进深货位</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>存储托盘数:  2</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>存储托盘数:  2</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>名称:  双进深货位</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>名称:  双进深货位</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>名称:  双进深货位</div>
      </Col>
      <Col className="gutter-row" span={6}>
        <div style={style}>名称:  双进深货位</div>
      </Col>
    </Row>
    
    <div className="antd-pro-pages-component-form-form-title-formTitle" style={{height:'20px'}}>
                            <span>备注</span>
                        </div>
                        <span>空</span>
            </div>
        )
    }
}
 